<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>首页</title>
	<meta name="viewport"  content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="amazingUI/css/amazeui.min.css">
    <link rel="stylesheet" type="text/css" href="css/common.css">
	<link rel="stylesheet" href="css/index.css">
</head>
<body>
	<!-- 头部 -->
	<header data-am-widget="header"
          class="am-header back-y">
      <div class="am-header-left am-header-nav">
          <a href="#left-link" class="">
                <img src="img/logo.png">
                <img src="img/logo-font.png" class="font-img">
          </a>
      </div>

      <h1 class="am-header-title">
          <a href="#title-link" class="">
           
          </a>
      </h1>

      <div class="am-header-right am-header-nav">
          <input type="search" placeholder="找房子 找服务" class="search-input">
          <i class="am-icon-search color-9"></i>
      </div>
  </header>
  <!-- 内容 -->
  <div class="content">
	  <!-- 广告轮播 -->
	   <div data-am-widget="slider" class="am-slider am-slider-a1" data-am-slider='{&quot;directionNav&quot;:false}' >
		  <ul class="am-slides">
		      <li>
		        	<img src="http://s.amazeui.org/media/i/demos/bing-1.jpg">
		         
		      </li>
		      <li>
		        	<img src="http://s.amazeui.org/media/i/demos/bing-2.jpg">
		         
		      </li>
		      <li>
		        	<img src="http://s.amazeui.org/media/i/demos/bing-3.jpg">
		         
		      </li>
		      <li>
		        	<img src="http://s.amazeui.org/media/i/demos/bing-4.jpg">
		         
		      </li>
	  	  </ul>
		</div>
		<!-- 房屋信息 -->
		<div class="back-w">
			<div class="float-l msg-div"><a class="color-9"><i class="am-icon-user am-icon-sm "></i>&nbsp;个人中心</a></div>
			<div class="float-r ad-div"><a class="color-9"><i class=" am-icon-external-link  am-icon-sm"></i>&nbsp;发布信息</a></div>
				
			<div class="title font-w6">
				<span class="square"></span>&nbsp;房&nbsp;产
				<ul class="am-avg-sm-4">
					<li><a href="" class="color-3">房屋出售</a></li>
					<li><a href="" class="color-3">房屋出售</a></li>
					<li><a href="" class="color-3">房屋出售</a></li>
					<li><a href="" class="color-3">房屋出售</a></li>
				</ul>
			</div>
			<!-- 房产列表 -->
			<div data-am-widget="list_news" class="am-list-news am-list-news-default" >
			  <!--列表标题-->
			    <div class="am-list-news-hd am-cf">
			       
			        <a href="###" class="">
			          <h2 class="color-3">大家都在看</h2>
			            
			        </a>
			    </div>

			  <div class="am-list-news-bd">
			  <ul class="am-list">
			    
			    
			    
			     <!--循环房产信息li-->
			      <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
			        <div class="am-u-sm-4 am-list-thumb">
			          <a href="##" class="">
			            <img src="http://img3.douban.com/lpic/o637240.jpg" />
			          </a>
			        </div>

			        <div class=" am-u-sm-8 am-list-main">
			            <h3 class="am-list-item-hd">
			            	<a href="##" class="color-3 font-w6">万豪最便宜的公寓拎包入住随时看房全套家电1300</a>
			            </h3>

			            <div class="am-list-item-text color-9">1室-娄星-万豪城市广场 <div class="float-r">精装</div></div>
						<div class=" "><span class="color-y font-w6">1300元</span>&nbsp;&nbsp;<span class="time color-9">今天</span></div>
			        </div>
			      </li>
			      <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
			        <div class="am-u-sm-4 am-list-thumb">
			          <a href="##" class="">
			            <img src="http://img3.douban.com/lpic/o637240.jpg" />
			          </a>
			        </div>

			        <div class=" am-u-sm-8 am-list-main">
			            <h3 class="am-list-item-hd">
			            	<a href="##" class="color-3 font-w6">万豪最便宜的公寓拎包入住随时看房全套家电1300</a>
			            </h3>

			            <div class="am-list-item-text color-9">1室-娄星-万豪城市广场 <div class="float-r">精装</div></div>
						<div class=" "><span class="color-y font-w6">1300元</span> <span class="time color-9">今天</span></div>
			        </div>
			      </li>
			      <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
			        <div class="am-u-sm-4 am-list-thumb">
			          <a href="##" class="">
			            <img src="http://img3.douban.com/lpic/o637240.jpg" />
			          </a>
			        </div>

			        <div class=" am-u-sm-8 am-list-main">
			            <h3 class="am-list-item-hd">
			            	<a href="##" class="color-3 font-w6">万豪最便宜的公寓拎包入住随时看房全套家电1300</a>
			            </h3>

			            <div class="am-list-item-text color-9">1室-娄星-万豪城市广场 <div class="float-r">精装</div></div>
						<div class=" "><span class="color-y font-w6">1300元</span> <span class="time color-9">今天</span></div>
			        </div>
			      </li>
			     
			    
			    </ul>
			  </div>

			 </div>
		</div>
	</div>
</body>
<script src="amazingUI/js/jquery.min.js"></script>
<script src="amazingUI/js/amazeui.min.js"></script>
</html>